<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8" isELIgnored="false"%>
<%@ include file="/WEB-INF/views/shared/taglib.jsp"%>
<c:choose>
	<c:when test="${name == 'skill'}">
		<%
			request.setAttribute("title", "创客技巧");
		%>
	</c:when>

	<c:when test="${name == 'productKnowledge'}">
		<%
			request.setAttribute("title", "产品知识");
		%>
	</c:when>

	<c:when test="${name == 'shareInformation'}">
		<%
			request.setAttribute("title", "资讯分享");
		%>
	</c:when>

	<c:when test="${name == 'insuranceKnownledge'}">
		<%
			request.setAttribute("title", "保险知识");
		%>
	</c:when>
</c:choose>

<%@ include file="/WEB-INF/views/shared/master/weContentHeader.jsp"%>
<style type="text/css">
body{
	background-color: #f5f5f5;
}
.weui-cell {
	padding: 10px 15px;
	align-items: unset;	
}
	.weui-cell:active{
		background-color: rgba(180, 180, 180, 0.2);
	}
</style>
<%@ include file="/WEB-INF/views/shared/master/weTitle.jsp"%>
<div class="goback"data-back-href="<c:url value='/wechat/share/cloudClass'/>"></div>

	<c:if test="${empty articals}">
		<div class="weui-panel_body" style="text-align: center;">
			<img alt="" src="<c:url value='/images/we/personCenter/null.png' />">
			<!-- <p style="margin: 5px 20px;color: #afafaf">更多产品陆续上架中...</p> -->
		</div>
	</c:if>
	
<c:forEach items="${articals}" var="artical">
	<c:choose>
		<c:when test="${picture == 'right'}">
			<c:choose>
				<c:when test="${artical.medioType == 'video'}">
					<div class="weui-cells" style="margin-top: 0px;">
						<div style="background-color: #f5f5f5; height: 8px"></div>
						<a class="weui-cell"
							href="<c:url value='/wechat/share/videoDetail?id=${artical.id}'/>">
							<div class="weui-cell__bd">
								<p style="padding: 0px 0px; color: #333;">
									${artical.title}
								</p>

								<div style="bottom: 5px; position: absolute;">
									<img alt=""
										src="<c:url value='/images/we/shareCode/browse.jpg' />"
										style="width: 20px; height: 10px; margin: 0px 0px"> <span
										style="color: #999; margin-right: 10px">${artical.glanceCount}</span> <img
										alt="" src="<c:url value='/images/we/shareCode/thumb.jpg' />"
										style="width: 16px; height: 16px; margin: 0px 0px"> <span
										style="color: #999">${artical.praiseCount}</span>
								</div>
							</div>
							<div class="weui-cell__ft">
								<img alt="" src="${tfn:getFileUrl(artical.imgUrl)}"
									style="width: 70px; height: 70px;">
							</div>
						</a>
					</div>
				</c:when>
				<c:when test="${artical.medioType == 'artical'}">
					<div class="weui-cells" style="margin-top: 0px;">
						<div style="background-color: #f5f5f5; height: 8px"></div>
						<a class="weui-cell"
							href="<c:url value='/wechat/share/informationDetail?id=${artical.id}'/>">
							<div class="weui-cell__bd">
								<p style="padding: 0px 0px; color: #333;">
									${artical.title}
								</p>

								<div style="bottom: 5px; position: absolute;">
									<img alt=""
										src="<c:url value='/images/we/shareCode/browse.jpg' />"
										style="width: 20px; height: 10px; margin: 0px 0px"> <span
										style="color: #999; margin-right: 10px">${artical.glanceCount}</span> <img
										alt="" src="<c:url value='/images/we/shareCode/thumb.jpg' />"
										style="width: 16px; height: 16px; margin: 0px 0px"> <span
										style="color: #999">${artical.praiseCount}</span>
								</div>
							</div>
							<div class="weui-cell__ft">
								<img alt="" src="${tfn:getFileUrl(artical.imgUrl)}"
									style="width: 70px; height: 70px;">
							</div>
						</a>
					</div>
				</c:when>
			</c:choose>
		</c:when>
		<c:when test="${picture == 'left'}">
			<c:choose>
				<c:when test="${artical.medioType == 'video'}">
					<div class="weui-cells" style="margin-top: 0px;">
						<div style="background-color: #f5f5f5; height: 8px"></div>
						<a class="weui-cell"
							href="<c:url value='/wechat/share/videoDetail?id=${artical.id}'/>">
							<div class="weui-cell__hd">
								<img alt="" src="${tfn:getFileUrl(artical.imgUrl)}"
									style="width: 70px; height: 70px;">
							</div>

							<div class="weui-cell__bd" style="padding-left: 5px">
								<p style="padding: 0px 0px; color: #333;">
									${artical.title}
								</p>

								<div style="bottom: 5px; position: absolute;">
									<img alt=""
										src="<c:url value='/images/we/shareCode/browse.jpg' />"
										style="width: 20px; height: 10px; margin: 0px 0px"> <span
										style="color: #999; margin-right: 10px">${artical.glanceCount}</span> <img
										alt="" src="<c:url value='/images/we/shareCode/thumb.jpg' />"
										style="width: 16px; height: 16px; margin: 0px 0px"> <span
										style="color: #999">${artical.praiseCount}</span>
								</div>
							</div>
						</a>
					</div>
				</c:when>
				<c:when test="${artical.medioType == 'artical'}">
					<div class="weui-cells" style="margin-top: 0px;">
						<div style="background-color: #f5f5f5; height: 8px"></div>
						<a class="weui-cell"
							href="<c:url value='/wechat/share/informationDetail?id=${artical.id}'/>">
							<div class="weui-cell__hd">
								<img alt="" src="${tfn:getFileUrl(artical.imgUrl)}"
									style="width: 70px; height: 70px;">
							</div>

							<div class="weui-cell__bd" style="padding-left: 5px">
								<p style="padding: 0px 0px; color: #333;">
									${artical.title}
								</p>

								<div style="bottom: 5px; position: absolute;">
									<img alt=""
										src="<c:url value='/images/we/shareCode/browse.jpg' />"
										style="width: 20px; height: 10px; margin: 0px 0px"> <span
										style="color: #999; margin-right: 10px">${artical.glanceCount}</span> <img
										alt="" src="<c:url value='/images/we/shareCode/thumb.jpg' />"
										style="width: 16px; height: 16px; margin: 0px 0px"> <span
										style="color: #999">${artical.praiseCount}</span>
								</div>
							</div>
						</a>
					</div>
				</c:when>
			</c:choose>
		</c:when>
	</c:choose>
</c:forEach>

<%@ include file="/WEB-INF/views/shared/scripts/jquery.jsp"%>
<%@ include file="/WEB-INF/views/shared/scripts/jqweui.jsp"%>
<%@ include file="/WEB-INF/views/shared/scripts/tabmob.jsp"%>
<script src="<c:url value='/plugins/jqweui/js/swiper.min.js'/>"
	type="text/javascript"></script>
<script type="text/javascript">
	$(function() {

	})
</script>
<%@ include file="/WEB-INF/views/shared/master/weContentFooter.jsp"%>